<template>
    <div id="test">
        <el-row :gutter="10">
            <el-col :xs="8" :sm="6" :md="4" :lg="3" :xl="1">
                <div class="grid-content bg-purple-dark">
                    1111
                </div>
            </el-col>
        </el-row>
    </div>
</template>

<script>
    export default {
        name: "test"
    }
</script>

<style scoped>
    .el-col{
        border-radius: 4px;
    }
    .bg-purple-dark{
        background-color: red;
    }



    .grid-content{
        border-radius:4px;
        min-height: 36px;
    }
</style>